<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="/favicon.ico" />
    <title>GoXLR Utility</title>
    <script type="module" crossorigin src="/assets/index-BLHyPn-i.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-B-EHT3Xz.css">
  </head>
  <body>
    <noscript>
      <strong>We're sorry but the GoXLR Utility UI doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <canvas id="wheelCanvas" style="position: absolute; top: -1000px; left: -1000px; width: 130px; height: 130px"></canvas>
    <div id="colourHover" style="position: absolute; top: -1000px; left: -1000px; width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 5px 10px rgba(0,0,0,0.5); background-color: #fff; pointer-events: none;"></div>
    <div id="app"></div>

    <!-- For Vite, we have to manually include the module.. -->

    <script type="text/javascript">
      window.onload = function(){
          let canvas = document.getElementById('wheelCanvas');
          let context = canvas.getContext('2d');
          let img = new Image();
          img.onload = () => context.drawImage(img, 0, 0);
          img.src = 'wheel.png';
      };
    </script>
  </body>
</html>
